/**
 * 匀速动画封装
 * @param {*} ele 移动的元素对象
 * @param {*} target 移动的极值(0或者最大值)
 */
// function animationMove(ele, target) {
//   clearInterval(ele.id1)
//   ele.id1 = setInterval(function () {
//     // 700> 0
//     if (ele.offsetLeft == target) {
//       clearInterval(ele.id1);
//       // 400  700
//     } else if (ele.offsetLeft < target) {
//       var x = (ele.offsetLeft + 12) > target ? target : ele.offsetLeft + 12;//如果步长不能整除, 不能超出最大移动距离
//       ele.style.left = x + 'px'
//       // 400 0
//     } else if (ele.offsetLeft > target) {
//       var x = (ele.offsetLeft - 12) < 0 ? 0 : ele.offsetLeft - 12;//如果步长不整， 最小值为零
//       ele.style.left = x + 'px';
//     }
//   }, 30)
// }
var interId;
function animationMove(ele, target) {
  clearInterval(interId);
  interId = setInterval(function () {
    var x = ele.offsetLeft; //400,800
    if (x == target) {
      clearInterval(interId);
    } else if (x > target) {
      x -= 23;
      x = x < target ? target : x;
      ele.style.left = x + 'px';
    } else if (x < target) {
      x += 23;
      x = x > target ? target : x;
      ele.style.left = x + 'px';
    }
  }, 10)
}

/**
 *  缓速动画
 * @param {*} ele 移动的元素对象
 * @param {*} target 移动的极值(0或者最大值)
 */
function animationSlow(ele, target) {
  clearInterval(ele.id1);
  ele.id1 = setInterval(function () {
    if (ele.offsetLeft == target) {
      clearInterval(ele.id1);
    } else {
      var step = (target - ele.offsetLeft) / 10;
      step = step > 0 ? Math.ceil(step) : Math.floor(step);
      ele.style.left = ele.offsetLeft + step + 'px';
    }
  }, 40)
}